<template>
  <div class="bg-w">
    <div class="container exp-box">
      <!-- <build-el-bread></build-el-bread> -->
      <build-el-h1 name="奖项说明-黑色.png"></build-el-h1>
      <p class="fwb">{{details.contestText}}</p>
      <build-el-h1 name="大赛申报流程标题.png" v-margin-top="'20px'"></build-el-h1>
      <p class="fwb" v-html="details.contestProcess"></p>
      <div v-margin-top="'30px'"></div>
    </div>
  </div>
</template>
<script>
import buildElBread from '@/components/build-el-bread'
import buildElH1 from '@/components/build-el-h1'
import buildElIconList from '@/components/build-el-icon-list'
import buildElIconListCol from '@/components/build-el-icon-list-col'
import JSONData from '@/assets/JSON'
import router from '@/router'
export default {
  components: {
    buildElBread,
    buildElH1,
    buildElIconList,
    buildElIconListCol,
  },
  data() {
    return {
      ...JSONData,
      details: {},
    }
  },
  async mounted() {
    let res = await this.api.findDownloadFile({ customizeId: 2 })
    this.details = res
    console.log(this.details)
  },
  methods: {
    async down() {
      await this.api.downloadFiles(this.details.fileId)
    },
    toUpload() {
      router.push({
        name: 'Upload',
      })
    },
  },
}
</script>
<style lang="less" scoped>
.exp-box {
  text-align: left;
}
</style>
